<template>
  <div class="main-layout" >
    <div class="main-layout-top">
      <slot name="top"></slot>
    </div>
    <div class="main-layout-bottom">
      <slot name="bottom"></slot>
    </div>
  </div>
</template>

<script>
export default {
  setup(){

  }
}
</script>

<style scoped lang="less">
  .main-layout{
    display: flex;
    flex-direction: column;
    .main-layout-top{

    }
    .main-layout-bottom{
      margin-top: 8px;
      flex: 1;
    }
  }
</style>